@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
padding: 0px;
border: 0px;
font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei";
color: #333333;
font-size: 14px;
min-width: 1200px;
background: #ffffff;
}
a {
margin: 0px;
padding: 0px;
border: 0px;
text-decoration: none;
color: #333333;
font-size: 13px;
}
a:hover {
text-decoration: none !important;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li {
list-style: none;
}
.clear {
clear: both !important;
height: 0px !important;
width: 0px !important;
float: none !important;
margin: 0px !important;
padding: 0px !important;
border: 0px !important;
}
textarea:focus {
outline: none;
}
input:focus {
outline: none;
}
input:focus {
outline: none;
}/*去除按钮选中的高亮标签*/
img {
max-width: 100% !important;
}
div, p, table, td, ul, li, span, a, ol, input {
padding: 0px;
margin: 0px;
border: 0px;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
color:#4d4d4d;
font-size:14px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color:#4d4d4d;
font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#4d4d4d;
font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#4d4d4d;
font-size:14px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pc {
display: block;
}
.mo {
display: none;
}
.pctop1 {
width: 100%;
height: 31px;
background: #333333;
}
.pctop1 .pctop1_nei {
width: 1100px;
margin: 0 auto;
}
.pctop1 .pctop1_nei .pctop1_left {
color: #FFFFFF;
font-size: 12px;
line-height: 30px;
}
.pctop1 .pctop1_nei .bdsharebuttonbox {
float: left;
height: 16px;
margin: 7px 0;
padding: 0 7px;
border-right: #FFFFFF dotted 1px;
}
.pctop1 .pctop1_nei .bdsharebuttonbox a {
float: left;
margin: 0;
margin-left: 5px;
}
.pctop1 .pctop1_nei .lang {
float: left;
padding: 0 0 0 5px;
}
.pctop1 .pctop1_nei .lang a {
display: inline-block;
margin: 5px;
}
.pctop2 {
width: 1100px;
margin: 0 auto;
height: 112px;
}
.pctop2 .pclogo {
margin-top: 33px;
}
.pctop2 .pcmenu {
}
.pctop2 .pcmenu a {
text-transform: uppercase;
display: inline-block;
margin: 42px 25px 0 25px;
height: 70px;
line-height: 70px;
font-size: 14px;
color: #363636;
text-align: center;
}
.pctop2 .pcmenu a:hover {
color: #df0f0f;
border-bottom: #df0f0f solid 3px;
}
.pctop2 .pcmenu a.on {
color: #df0f0f;
border-bottom: #df0f0f solid 3px;
}
.neibanner {
width: 100%;
height: 220px;
}
body {
overflow-x: hidden !important;
}
.mot {
width: 100%;
padding: 0 2%;
height: 50px;
background: #292929;
}
.mot .molo {
float: left;
display: inline-block;
height: 30px;
margin: 10px 0;
}
.mot .molo img {
height: 30px;
}
.mot .momenuicon {
float: right;
height: 16px;
margin: 17px 0;
}
.mot .cloesicon {
display: none;
}
.moxl {
left: -100%;
top: 50px;
background: rgba(0,0,0,0.60);
position: absolute;
z-index: 99;
width: 100%;
transition: all ease 0.3s;
}
.moxl_box {
width: 60%;
background: #292929;
height: 100%;
}
.moxl .moxl_xun {
width: 100%;
float: left;
position: relative;
}
.moxl .moxl_xun .moxl_xun_icon {
width: 100%;
height: 0px;
position: absolute;
padding-right: 10px;
}
.moxl .moxl_xun .moxl_xun_icon img {
float: right;
height: 24px;
margin: 4px 0;
}
.moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2 {
display: none;
}
.moxl .moxl_xun .moxl_xun_title {
width: 100%;
height: 30px;
padding-left: 10px;
display: inline-block;
line-height: 30px;
font-size: 14px;
color: #FFFFFF;
}
.moxl .moxl_xun .moxl_erji {
width: 100%;
overflow: hidden;
display: none;
}
.moxl .moxl_xun .moxl_erji a {
width: 100%;
padding-left: 20px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #FFFFFF;
display: inline-block;
float: left;
}
.pcto_bg {
top: 112px;
width: 100%;
transition: all ease 0.3s;
height: 0px;
background: rgba(223,15,15,0.6);
transition: all ease 0.3s;
position: absolute;
z-index: 99;
left: 0;
}
.pcto {
width: 100%;
position: relative;
height: 112px;
}
.pcto_box {
width: 1100px;
margin: 0 auto;
height: 112px;
}
.pcto_box .pcto_logo {
display: inline-block;
margin-top: 33px;
}
.pcto .pcto_menu {
float: right;
}
.pcto .pcto_menu_xun {
float: left;
margin: 42px 25px 0 25px;
height: 70px;
text-align: center;
min-width: 56px;
text-transform: uppercase;
}
.pcto .pcto_menu_xun .pcto_menu_a {
transition: all ease 0.3s;
display: inline-block;
height: 70px;
line-height: 70px;
font-size: 14px;
color: #363636;
text-align: center;
}
.pcto .pcto_menu_xun:hover .pcto_menu_a {
transition: all ease 0.3s;
color: #df0f0f;
border-bottom: #df0f0f solid 3px;
}
.pcto .pcto_menu_xun.on .pcto_menu_a {
color: #df0f0f;
border-bottom: #df0f0f solid 3px;
}
.pcto_menu_a {
}
.pcto_xl {
position: absolute;
z-index: 100;
height: 0;
overflow: hidden;
}
.pcto_xl a {
margin-right: 35px;
float: left;
display: inline-block;
line-height: 45px;
font-size: 13px;
color: #fec8c8;
text-align: center;
}
.pcto_menu_xun:hover .pcto_bg {
height: 45px;
transition: all ease 0.6s
}
.pcto_menu_xun:hover .pcto_xl {
height: 45px;
transition: all ease 0.6s;
}
.footer {
width: 100%;
min-height: 382px;
background: #2c3035;
padding-top: 100px;
}
.footer .footer1 {
width: 1100px;
margin: 0 auto;
min-height: 240px;
}
.footer .footer1 .footer1_xun1 {
width: 145px;
margin-right: 40px;
}
.footer .footer1_title {
height: 35px;
text-transform: uppercase;
width: 100%;
border-bottom: #212427 solid 1px;
line-height: 35px;
font-size: 14px;
color: #FFFFFF;
font-weight: bolder;
}
.footer .footer1 .footer1_xun2 {
width: 286px;
font-size: 12px;
color: #dddddd;
}
.footer .footer1 .footer1_xun2 span {
float: left;
margin-left: 8px;
color: #dddddd;
}
.footer .footer1 .footer1_xun2 .bdsharebuttonbox {
float: left;
margin-left: 20px;
}
.footer .footer1 .footer1_xun2 .bdsharebuttonbox a {
width: 24px;
height: 24px;
margin: 5px 10px 0 0;
padding: 0;
border-radius: 24px;
display: inline-block;
overflow: hidden;
background-color: #222629;
background-position: center;
background-repeat: no-repeat;
}
.footer .footer1 .footer1_xun2 .bdsharebuttonbox a:hover {
background-color: #e10808;
}
.footer .footer1 .footer1_xun1 .footer1_xun1_box {
width: 100%;
padding-top: 15px;
}
.footer .footer1 .footer1_xun1 .footer1_xun1_box a {
display: inline-block;
width: 100%;
float: left;
font-size: 12px;
color: #cccccc;
line-height: 32px;
}
.footer .footer2 {
width: 100%;
font-size: 12px;
color: #74787c;
border-top: #212427 solid 1px;
line-height: 30px;
}
.footer .footer2 .footer2_nei {
width: 1100px;
margin: 0 auto;
}
.motop {
display: none;
width: 100%;
padding: 0 3%;
height: 60px;
}
.motop .mologo {
display: inline-block;
height: 60px;
}
.motop .mologo img {
height: 30px;
margin: 15px 0;
}
.motop .menuicon {
height: 20px;
margin: 20px 0;
}
.moxiala {
display: none;
width: 100%;
background: rgba(0,0,0,0.70);
position: absolute;
z-index: 9999;
}
.moxiala a {
display: inline-block;
width: 100%;
text-align: center;
line-height: 3em;
height: 3em;
font-size: 14px;
color: #fff;
border-bottom: #FFFFFF solid 1px;
}
.neipagename {
width: 100%;
text-align: center;
padding: 50px 0 20px 0;
}
.neipagename div {
display: inline-block;
}
.neipagename .pagename_en {
font-size: 38px;
line-height: 1em;
color: #212121;
text-transform: uppercase;
}
.neipagename .pagename_ch {
font-size: 18px;
padding: 0 22px;
height: 12px;
border-bottom: #212121 solid 1px;
}
.neipagename .pagename_ch div {
text-align: center;
height: 18px;
padding: 0 12px;
line-height: 18px;
background: #FFFFFF;
}
.neimenu {
text-align: center;
width: 100%;
border-bottom: #b3b3b3 solid 1px;
height: 17px;
margin-bottom: 13px;
}
.neimenu div {
display: inline-block;
}
.neimenu div a {
float: left;
line-height: 30px;
background: #FFFFFF;
display: inline-block;
padding: 0 10px;
height: 30px;
font-size: 14px;
color: #6d6d6d;
border: #6d6d6d solid 1px;
margin: 0 8px;
}
.neimenu div a:hover {
color: #de0a1e;
border: #de0a1e solid 1px;
}
.neimenu div a.on {
color: #de0a1e;
border: #de0a1e solid 1px;
}
.about {
width: 1100px;
max-width: 96%;
margin: 0 auto;
color: #686868;
font-size: 14px;
line-height: 2em;
padding: 30px 0;
}
.newsnav {
width: 1100px;
margin: 0 auto;
max-width: 96%;
font-size: 12px;
height: 59px;
border-bottom: #d4e0e2 solid 1px;
color: #6f6f6f;
line-height: 59px;
}
.newsnav a {
margin: 0 5px;
}
.fanhui {
width: 1100px;
margin: 0 auto;
max-width: 96%;
position: relative;
height: 1px;
}
.fanhui a {
position: absolute;
z-index: 2;
width: 106px;
height: 33px;
font-size: 14px;
color: #FFFFFF;
text-align: center;
line-height: 33px;
background: #df0f0f;
right: 0;
display: inline-block;
top: 13px;
}
.newneititle {
width: 1100px;
border-bottom: #bcbcbc dashed 1px;
margin: 0 auto;
max-width: 96%;
height: 120px;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.newneititle div {
text-align: center;
}
.newneititle .newstitle {
width: 100%;
font-size: 22px;
color: #525252;
}
.newneititle .newstitle2 {
display: inline-block;
font-size: 12px;
color: #818181;
}
.newneititle .newstitle2 span {
float: left;
margin: 0 18px;
line-height: 30px;
}
.newneititle .newstitle2 .bdsharebuttonbox {
float: left;
}
.newneititle .newstitle2 .bdsharebuttonbox a {
margin: 6px 5px;
}
.newsline {
width: 1100px;
margin: 20px auto;
max-width: 96%;
}
.newsline a {
display: inline-block;
float: left;
height: 132px;
width: 100%;
padding: 0 20px;
transition: all ease 0.3s;
}
.newsline a .newstime {
border-right: #d7dde3 solid 1px;
width: 178px;
float: left;
height: 63px;
margin-top: 37px;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.newsline a .newstime .newstime_top {
font-size: 47px;
color: #f73232;
line-height: 50px;
}
.newsline a .newstime .newstime_bot {
font-size: 16px;
color: #787878;
line-height: 18px;
text-transform: uppercase;
}
.newsline a .newtext {
padding-left: 32px;
width: 840px;
float: left;
}
.newsline a .newtext .newtitle {
width: 100%;
float: left;
font-size: 15px;
color: #575757;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 15px;
margin-top: 32px;
}
.newsline a .newtext .ntime {
display: none;
width: 100%;
float: left;
font-size: 12px;
color: #787878;
line-height: 22px;
}
.newsline a .newtext .newsmall {
width: 100%;
float: left;
font-size: 13px;
color: #787878;
line-height: 22px;
max-height: 44px;
overflow: hidden;
}
.newsline a .newsjiantou {
margin-left: 27px;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
height: 100%;
width: 13px;
float: left;
}
.newsline a .newsjiantou .newsjiantou2 {
display: none;
}
.fenye {
width: 100%;
text-align: center;
margin: 30px 0;
}
.fenye .fenye_nei {
display: inline-block;
}
.fenye .fenye_nei a {
display: inline-block;
padding: 0 13px;
height: 34px;
text-align: center;
line-height: 34px;
margin: 0 3px;
border-radius: 5px;
border: #dddddd solid 1px;
overflow: hidden;
font-size: 13px;
color: #999999;
}
.fenye .fenye_nei a:hover {
background: #f73232;
color: #fff;
}
.fenye .fenye_nei a.on {
background: #f73232;
color: #fff;
}
.con1 {
width: 100%;
text-align: center;
}
.con1 .con1_nei {
display: inline-block;
}
.con1 .con1_nei .con1_xun {
width: 302px;
height: 187px;
padding-top: 60px;
border: #EEEEEE solid 1px;
background: #fcfcfc;
float: left;
position: relative;
margin: 85px 49px 45px;
49px;
}
.con1 .con1_nei .con1_xun .con1_xun_img {
position: absolute;
width: 100%;
text-align: center;
height: 100px;
border-radius: 100px;
top: -50px;
}
.con1 .con1_nei .con1_xun .con1_xun_title {
font-size: 18px;
width: 100%;
color: #3b3b3b;
line-height: 2em;
text-align: center;
}
.con1 .con1_nei .con1_xun .con1_xun_zi {
font-size: 15px;
line-height: 23px;
color: #3b3b3b;
width: 100%;
text-align: center;
}
.con1 .con1_nei .con1_xun .con1_xun_zi img {
margin-top: 7px;
width: 90px;
}
.con1 .con1_nei .con1_xun .con1_xun_text {
padding: 0 1%;
}
.message {
width: 100%;
text-align: center;
}
.message .mess_form {
display: inline-block;
padding: 45px 0 45px 0;
border-top: #bcbcbc dashed 1px;
}
.message .mess_form div {
width: 540px;
margin: 0 10px;
}
.message .mess_form div input[type="text"] {
width: 100%;
margin-bottom: 10px;
border: #e4e4e4 solid 1px;
border-radius: 5px;
height: 49px;
float: left;
padding: 0 17px;
}
.message .mess_form div input[type="email"] {
width: 100%;
margin-bottom: 10px;
border: #e4e4e4 solid 1px;
border-radius: 5px;
height: 49px;
float: left;
padding: 0 17px;
}
.message .mess_form div input[type="tel"] {
width: 100%;
margin-bottom: 10px;
border: #e4e4e4 solid 1px;
border-radius: 5px;
height: 49px;
float: left;
padding: 0 17px;
}
.message .mess_form div textarea {
width: 100%;
margin-bottom: 10px;
border: #e4e4e4 solid 1px;
border-radius: 5px;
height: 108px;
float: left;
padding: 10px 17px;
}
.message .mess_form div input[type="submit"] {
width: 100%;
margin-bottom: 10px;
text-align: center;
cursor: pointer;
line-height: 49px;
border-radius: 5px;
float: left;
padding: 0 17px;
font-size: 16px;
color: #e10808;
border: #e10808 solid 1px;
background: #FFFFFF;
}
.probox {
width: 1100px;
margin: 40px auto 57px auto;
}
.probox .probox_left {
width: 230px;
float: left;
}
.probox .probox_left .protitle {
padding: 30px;
width: 100%;
height: 97px;
background: url(../images/tupian12.jpg) no-repeat 50%;
}
.probox .probox_left .protitle .protitle1 {
font-size: 24px;
line-height: 24px;
color: #FFFFFF;
}
.probox .probox_left .protitle .protitle2 {
font-size: 14px;
line-height: 14px;
color: #FFFFFF;
text-transform: uppercase;
}
.probox .probox_left .proleft_xiala {
padding-top: 30px;
padding-bottom: 430px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255 ,255, 1), rgba(255, 255 ,255 , 0))
}
.probox .probox_left .proleft_xiala a {
width: 100%;
height: 38px;
line-height: 38px;
display: inline-block;
padding-left: 40px;
font-size: 14px;
color: #6c6c6c;
float: left;
}
.probox .probox_left .proleft_xiala a.on {
background: url(../images/bg24.png) no-repeat 209px 50%, #faf5f5;
border-left: #cb1717 solid 4px;
padding-left: 36px;
}
.probox .probox_left .proleft_xiala a:hover {
background: url(../images/bg24.png) no-repeat 209px 50%, #faf5f5;
border-left: #cb1717 solid 4px;
padding-left: 36px;
}
.probox .probox_right {
background: #fff;
width: 840px;
padding: 34px 24px;
overflow: hidden;
float: right;
}
.probox .probox_right .proboxline {
width: 100%;
}
.probox .probox_right .proboxline .proboxline_box {
width: 840px;
}
.probox .probox_right .proboxline .proboxline_box a {
width: 255px;
height: 295px;
float: left;
display: inline-block;
margin-right: 15px;
margin-bottom: 25px;
border: #d7ddde solid 1px;
border-bottom: #d7ddde solid 4px;
padding: 0 10px;
transition: all .5s;
}
.probox .probox_right .proboxline .proboxline_box a:hover {
border-bottom: #cb1717 solid 4px;
}
.probox .probox_right .proboxline .proboxline_box a .proimg_img {
width: 100%;
height: 232px;
border-bottom: #d7ddde solid 2px;
overflow: hidden;
}
.probox .probox_right .proboxline .proboxline_box a .proimg_img img {
width: 100%;
}
.probox .probox_right .proboxline .proboxline_box a .proimg_title {
font-size: 14px;
color: #727272;
height: 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.probox .probox_right .proboxline .proboxline_box a .proimg_time {
font-size: 13px;
color: #bebebe;
height: 30px;
line-height: 30px;
background: url(../images/bg31.png) no-repeat 100% 50%;
}
.probox .probox_right .proboxline .proboxline_box a:hover .proimg_title {
color: #cb1717;
}
.proxiala {
display: none;
width: 100%;
height: 40px;
border-bottom: #DDDDDD solid 1px;
position: relative;
background: #FFFFFF;
margin-bottom: 30px;
}
.proxiala .proxiala_chakan {
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 15px;
color: #727272;
font-weight: bolder;
}
.proxiala .proxiala_menu {
display: none;
width: 100%;
z-index: 999;
position: absolute;
background: rgba(255,255 ,255,0.8);
padding-bottom: 30px;
}
.proxiala .proxiala_menu a {
display: inline-block;
float: left;
text-align: center;
width: 100%;
height: 3em;
font-size: 14px;
line-height: 3em;
color: #727272;
}
.prodet {
width: 1100px;
margin: 20px auto 30px auto;
background: #FFFFFF;
}
.prodet .newsnav {
max-width: 100%;
padding: 0 20px;
}
.details_top_imgbox {
width: 430px;
margin: 0 auto;
height: 521px;
}
.details_top_imgbox .fluid_container {
width: 100%;
height: 430px;
}
.detailed {
width: 740px;
float: right;
font-size: 12px;
color: #666666;
}
.detailed .detailed1 {
width: 100%;
font-size: 18px;
color: #333333;
}
.detailed .detailed2 {
width: 100%;
line-height: 30px;
margin-top: 15px;
}
.detailed .detailed3 {
width: 100%;
line-height: 30px;
margin-bottom: 15px;
}
.detailed .df {
color: #e23435;
}
.detailed .ds {
color: #ff8838;
}
.detailed .detailed4 {
width: 100%;
}
.detailed .detailed4 td {
height: 37px;
padding-left: 60px;
}
.detailed .detailed5 td {
background: #eeeeee;
}
.details {
text-align: left;
width: 96%;
float: right;
margin: 2%;
}
.details .details_title {
width: 100%;
font-size: 26px;
color: #494949;
height: 60px;
border-bottom: #7d7d7d dashed 1px;
}
.details .details_time {
width: 100%;
font-size: 14px;
color: #898989;
height: 105px;
border-bottom: #7d7d7d dashed 1px;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: flex-start;
}
.details .details_text {
font-size: 13px;
line-height: 32px;
color: #7a7a7a;
text-indent: 2em;
}
.detailswai {
width: 100%;
text-align: center;
}
.detailswai .detailswaihezi {
width: 100%;
display: inline-block;
margin-top: 50px;
margin-bottom: 45px;
}
#flexslider {
width: 100%;
height: 520px;
margin: 0px auto 0px;
clear: both;
position: relative;
overflow: hidden;
z-index: 0;
}/***修改这里的高度*****/
/***图片上的箭头**/
#flexslider #ban .jiantou {
width: 1384px;
margin-top: 224px;
height: 82px;
z-index: 1;
display: inline-block;
display: none;
}/***修改这里的高度以调整箭头高度*****/
#flexslider #ban .jiantou .jiantou_left {
width: 45px;
height: 82px;
cursor: pointer;
background: url(../images/jiantou.png) no-repeat 0px top;
float: left;
}
#flexslider #ban .jiantou .jiantou_right {
width: 45px;
height: 82px;
cursor: pointer;
background: url(../images/jiantou.png) no-repeat 0px bottom;
float: right;
}
#ban {
width: 100%;
height: 520px;
margin: auto;
position: relative;
overflow: hidden;
z-index: 0;
}/***修改这里的高度*****/
#ban ul.ban_bj li {
display: block;
width: 100%;
height: 520px;
position: absolute;
left: 0px;
top: 0px;
text-align: center;
z-index: 0;
cursor: pointer;
}/***修改这里的高度*****/
#ban ul.ban_bj li.on {
z-index: 111;
}
#ban ul.ban_bj li a {
display: block;
text-indent: -300000em;
}
#ban ul.ul_dian {
display: inline-block;
}
#ban ul.ul_dian li {
display: block;
width: 30px;
height: 5px;
background: #535d5c;
float: left;
cursor: pointer;
margin: 0 3px;
}
#ban ul.ul_dian li.licurr {
background: #ea1915;
}
.dian {
width: 100%;
text-align: center;
position: absolute;
bottom: 16px;
z-index: 11111;
}
.jiantou_box {
width: 100%;
height: 0;
text-align: center;
position: absolute;
z-index: 11111;
}
.indextitle {
text-align: center;
width: 100%;
margin: 50px 0 35px 0;
}
.indextitle .indextitle1 {
font-size: 30px;
color: #383938;
text-align: center;
width: 100%;
text-transform: uppercase;
}
.indextitle .indextitle2 {
font-size: 24px;
color: #484848;
text-align: center;
width: 100%;
}
.index1 {
width: 100%;
margin: 0 auto;
text-align: center;
}
.index1 div {
display: inline-block;
}
.index1 div a {
display: inline-block;
text-align: center;
width: 215px;
height: 315px;
margin: 0 17px 74px 17px;
float: left;
border: #e8e8e8 solid 1px;
transition: all ease 0.3s;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.index1 div a .index1_img {
float: left;
width: 100%;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.index1 div a .index1_img div {
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
background: #b9b9b9;
width: 100px;
height: 100px;
border-radius: 100px;
overflow: hidden;
}
.index1 div a .index1_img div img { width: 45px; height: 45px; }
.index1 div a .index1_title {
text-transform: uppercase;
margin-top: 37px;
float: left;
width: 100%;
text-align: center;
font-size: 16px;
color: #484848;
}
.index1 div a .index1_en {
margin-top: 8px;
float: left;
width: 100%;
text-align: center;
font-size: 12px;
color: #aaaaaa;
text-transform: uppercase;
}
.index1 div a .index1_bottom {
margin-top: 21px;
line-height: 0px;
float: left;
width: 100%;
text-align: center;
}
.index1 div a .index1_bottom div {
width: 40px;
height: 3px;
background: #e81816;
}
.index1 div a:hover {
border: #afafaf solid 1px;
margin-top: -5px;
transition: all ease 0.3s;
}
.index1 div a:hover .index1_img div {
background: #e81816;
}
.indexpro {
width: 100%;
min-height: 605px;
max-width: 100%;
background: #2c3035;
}
.indexpro .indextitle {
float: left;
}
.indexpro .indextitle .indextitle1 {
color: #FFFFFF;
}
.indexpro .indextitle .indextitle2 {
color: #FFFFFF;
}
.prosel {
width: 100%;
text-align: center;
}
.prosel .prosel_nei {
display: inline-block;
}
.prosel .prosel_nei div {
float: left;
margin: 0 16px;
cursor: pointer;
font-size: 14px;
color: #9f8b8b;
line-height: 42px;
}
.prosel_xian {
width: 100%;
height: 2px;
background: #26292e;
}
.prosel_xian div {
float: left;
background: #fd1717;
height: 2px;
transition: all ease 0.25s;
}
.prosel .prosel_nei div.on, .prosel .prosel_nei div:hover {
color: #fd1717;
}
.proxxk {
width: 1100px;
margin: 50px auto;
height: 290px;
position: relative;
}
.proxxk .proxxk_xun {
width: 100%;
height: 290px;
position: absolute;
display: none;
}
.proxxk .proxxk_xun .proxxk_xun_box {
width: 100%;
height: 290px;
overflow: hidden;
}
.proxxk .proxxk_xun .proxxk_xun_sel {
width: 100%;
height: 1px;
position: relative;
}
.proxxk .proxxk_xun .proxxk_xun_sel div {
position: absolute;
z-index: 1111;
top: 92px;
cursor: pointer;
}
.proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_left {
left: -65px;
}
.proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_right {
right: -65px;
}
.proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_left {
left: 0;
}
.proxxk .proxxk_xun .proxxk_xun_sel .proxxk_xun_right {
right: 0;
}
.proxxk .proxxk_xun .pxb_xun {
width: 10000px;
}
.proxxk .proxxk_xun .pxb_xun a {
margin-right: 33px;
display: inline-block;
float: left;
width: 250px;
height: 287px;
border-bottom: #74787c solid 2px;
transition: all .5s;
}
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_img {
background: #FFFFFF;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
position: relative;
width: 100%;
height: 225px;
overflow: hidden;
}
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_img .titlepic {
width: 100%;
}
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_img .ban {
position: absolute;
background: rgba(199,5,5,0.55);
width: 100% !important;
height: 225px !important;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_title {
font-size: 14px;
line-height: 30px;
width: 100%;
color: #fff;
}
.proxxk .proxxk_xun .pxb_xun a .pxb_xun_time {
font-size: 12px;
line-height: 30px;
width: 100%;
color: #737577;
background: url(../images/bg24.png) no-repeat 100% 50%;
}
.indexabout {
width: 100%;
padding-bottom: 68px;
}
.indexabout .indexabout_box {
width: 1100px;
transition: all ease 0.3s;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.indexabout .indexabout_box .indexabout_text {
width: 636px;
font-size: 14px;
color: #606060;
text-indent: 2em;
line-height: 24px;
}
.indexabout .indexabout_box .indexabout_text .indexabout_link {
display: inline-block;
width: 120px;
height: 30px;
line-height: 30px;
text-align: left;
font-family: '宋体';
color: #FFFFFF;
font-size: 15px;
text-transform: uppercase;
background: #e10808;
margin-top: 25px;
}
.indexabout .indexabout_box.on {
transition: all ease 0.3s;
height: 240px;
}
.indexnews {
width: 100%;
height: 664px;
background: url(../images/tupian7.jpg) no-repeat 50%;
background-size: cover;
}
.indexnews .indextitle {
float: left;
}
.indexnews .indextitle .indextitle1 {
color: #FFFFFF;
}
.indexnews .indextitle .indextitle2 {
color: #FFFFFF;
}
.indexnews .newssel {
width: 100%;
text-align: center;
}
.indexnews .newssel .newssel_nei {
display: inline-block;
}
.indexnews .newssel .newssel_nei .newssel_nei_op {
min-width: 112px;
padding: 0 15px;
height: 30px;
border: #FFFFFF solid 2px;
font-size: 14px;
float: left;
margin: 0 15px;
color: #FFFFFF;
text-align: center;
line-height: 26px;
cursor: pointer;
text-transform: uppercase;
}
.indexnews .newssel .newssel_nei .newssel_nei_op.on {
background: #FFFFFF;
color: #c70505;
font-weight: bolder;
}
.indexnews .newssel .newssel_nei .newssel_nei_op:hover {
background: #FFFFFF;
color: #c70505;
font-weight: bolder;
}
.indexnesqiehuan {
width: 1100px;
margin: 45px auto;
overflow: hidden;
}
.indexnesqiehuan .newsxxk {
width: 1160px;
}
.indexnesqiehuan .newsxxk a {
background: #FFFFFF;
width: 520px;
height: 170px;
float: left;
margin: 0 60px 30px 0;
display: inline-block;
}
.indexnesqiehuan .newsxxk a .newsxxk_img {
width: 170px;
overflow: hidden;
height: 170px;
float: left;
}
.indexnesqiehuan .newsxxk a .newsxxk_img img {
width: 100%;
height: auto;
}
.indexnesqiehuan .newsxxk a .newsxxk_text {
box-sizing: border-box;
float: left;
padding: 30px 30px 0 30px;
width: 350px;
height: 170px;
}
.indexnesqiehuan .newsxxk a .newsxxk_text .newsxxk_time {
line-height: 28px;
width: 100%;
font-size: 12px;
color: #c70505;
}
.indexnesqiehuan .newsxxk a .newsxxk_text .newsxxk_title {
font-size: 14px;
font-weight: bolder;
color: #383938;
width: 100%;
text-overflow: ellipsis;
white-space:nowrap;
overflow: hidden;
line-height: 32px;
}
.indexnesqiehuan .newsxxk a .newsxxk_text .newsxxk_small {
font-size: 12px;
line-height: 20px;
color: #787878;
width: 100%;
height: 60px;
overflow: hidden;
}
.indexnesqiehuan .newsxxk a:hover .newsxxk_text .newsxxk_title {
color: #c70505;
}
.sss {
display: none !important;
}
.fancybox {
float: left;
width: 240px;
height: 203px;
margin: 20px 23px;
background: #FFFFFF;
border: #dcdcdc solid 1px;
box-shadow: rgba(0,0,0,0.22) 0 0 0px;
transition: all ease 0.3s;
}
.fancybox .honor_img {
width: 100%;
height: 160px;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
}
.fancybox .honor_img img {
width:;
}
.fancybox .honor_title {
font-size: 13px;
color: #595959;
width: 100%;
text-align: center;
line-height: 40px;
height: 40px;
}
.fancybox:hover {
box-shadow: rgba(0,0,0,0.22) 0 0 10px;
transition: all ease 0.3s;
}
.fancybox:hover .honor_title {
color: #de0a1e;
}
.fancybox-wrap {
overflow: visible !important;
}
.job_title {
width: 100%;
height: 51px;
border-bottom: #CCCCCC solid 1px;
}
.job_title th {
font-size: 14px;
color: #333333;
font-weight: bolder;
text-align: center;
background: #FFFFFF;
border-bottom: #dddddd solid 1px;
}
.job_liebiao {
width: 90%;
margin: 0 5%;
}
.job_liebiao .job_liebiao_title {
width: 100%;
cursor: pointer;
}
.job_liebiao .job_liebiao_title td {
height: 36px;
font-size: 14px;
color: #555555;
text-align: center;
background: #FFFFFF;
border-bottom: #dddddd dashed 1px;
}
.job_liebiao .job_liebiao_title.on td {
border-bottom: #dddddd dashed 1px;
}
.job_liebiao tr.job_liebiao_title:hover td {
background: #eeeeee;
}
.job_liebiao tr.job_liebiao_title.on td {
color: #df081c;
font-size: 14px;
}
.job_liebiao .job_liebiao_title td .img4 {
display: none;
}
.job_liebiao tr.job_liebiao_title.on td .img3 {
display: none;
}
.job_liebiao tr.job_liebiao_title.on td .img4 {
display: block;
}
.job_liebiao .job_liebiao_box {
overflow: hidden;
display: none;
width: 100%;
padding: 0 2%;
font-size: 12px;
line-height: 30px;
color: #595959;
}
.job_liebiao .job_liebiao_box b {
font-size: 14px;
color: #333333;
line-height: 51px;
font-weight: normal;
}
.job_liebiao .job_liebiao_box a {
margin: 20px;
width: 122px;
height: 34px;
background: #ea2626;
border-radius: 5px;
color: #Fff;
line-height: 32px;
text-align: center;
border: #df081c solid 1px;
font-size: 14px;
display: inline-block;
}
.job_liebiao_text td {
border-bottom: #dddddd dashed 1px;
}
.service_box {
width: 100%;
}
.service_box a {
font-size: 14px;
color: #555555;
line-height: 49px;
width: 100%;
height: 50px;
border-bottom: #DDDDDD dotted 1px;
float: left;
}
.service_box a .service_quan {
background: #FFFFFF;
width: 10px;
height: 10px;
float: left;
-webkit-align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
margin: 21px 14px 0 5px;
border: #e12234 solid 1px;
border-radius: 10px;
}
.service_box a .service_quan div {
width: 4px;
height: 4px;
border-radius: 4px;
}
.service_box a:hover .service_quan div {
background: #e12234;
float: left;
}
.service_box a .service_title {
white-space: pre;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.service_box a .service_time {
float: right;
}
.service_box a:hover .service_title {
color: #e12234;
}
.service_box a .service_time {
font-size: 13px;
color: #a5a5a5;
}
.service_box a:hover .service_time {
color: #e12234;
}
.iaov {
width: 100%;
height: 50px;
display: none;
-webkit-align-items: center;
-webkit-justify-content: center;
}
.iaov img {
height: 40px;
}
.iaov .iaov2 {
display: none;
}
.MsoNormalTable {
width: 96% !important;
text-indent: 0 !important;
margin: 2%;
background: #ccc;
border-spacing: 1px;
border-collapse: inherit;
}
.MsoNormalTable td {
text-align: center;
text-indent: 0 !important;
background: #FFFFFF;
padding: 0 10px;
word-break: break-all;
}
.MsoNormalTable tr:first-child td {
background: #CCCCCC;
color: #FFFFFF;
}
@media screen and (min-width:1040px) {
.newsline a:hover {
padding-left: 0px;
transition: all ease 0.3s;
background: #f73232;
}
.newsline a:hover .newstime_top {
color: #FFFFFF;
}
.newsline a:hover .newstime_bot {
color: #FFFFFF;
}
.newsline a:hover .newtitle {
color: #FFFFFF;
}
.newsline a:hover .newsmall {
color: #FFFFFF;
}
.newsline a:hover .newsjiantou .newsjiantou1 {
display: none;
}
.newsline a:hover .newsjiantou .newsjiantou2 {
display: block;
}
.proxxk .proxxk_xun .proxxk_xun_sel div .img2 {
display: none;
}
.proxxk .proxxk_xun .proxxk_xun_sel div:hover .img1 {
display: none;
}
.proxxk .proxxk_xun .proxxk_xun_sel div:hover .img2 {
display: block;
}
.proxxk .proxxk_xun .pxb_xun a:hover {
border-bottom: #c70505 solid 2px;
}
}